a,i {display: inline-block;box-sizing: border-box;font-style:normal;}
div {box-sizing: border-box;}
img {width: 100%;display: block;}
input,textarea {box-sizing: border-box;border: 0;outline: 0;resize: none;}
.height {height: .5rem;background: #F6F6F6;}
.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/content: "";display: block;height: 0;clear:both;visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
.tipWarn {padding: .5rem;width: 100%;position:fixed;left:0;top:2.2rem;z-index: 1000;}
/* .weui-toptips {display: block!important;} */
#containerVue {padding-top: 2.2rem;}
.headerView {width: 100%;height: 2.2rem;display: flex;align-items: center;justify-content: space-between;position: fixed;left: 0;top: 0;background: #0787d5;
z-index: 1000;color: #fff;}
.headerView h1 {font-size: .9rem;margin-left: -1rem;}
.headerView i {font-size: 1.8rem;margin-left: .5rem;margin-top: -.2rem;}
.headerView .sys {width: 1.5rem;position: absolute;right: .5rem;top: .25rem;}
.headerView .right {position: absolute;right: .5rem;top: .4rem;font-size: .8rem;}
.choice_tip {width: 100vw;height: 100vh;background-color: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;z-index: 999;padding: 2.2rem 0 0;}
.choice_view {width: 90%;height: auto;background-color: #fff;padding: .5rem 1.5rem 4.5rem;border-radius: 12px;margin: 7rem auto;position: relative;overflow: hidden;}
.choice_view .choice {font-size: .8rem;color: #666;}
.choice_view .choice .name {margin-top: .5rem;}
.choice_view .choice .text {width: 100%;height: 1.5rem;font-size: .7rem;margin-top: .25rem;}
.choice_view .choice .text input {width: 100%;height: 100%;background-color: transparent;float: left;border-radius: 4px;border: 1px solid #dbdce1;padding: 0 .5rem;
background-color: #eff0f4;}
.choice_btn {width: 100%;margin-top: 2rem;font-size: .8rem;display: flex;position: absolute;left: 0;bottom: 0;}
.choice_btn .btn_view {flex: 1;line-height: 2.5rem;color: #666;border-radius: 4px;text-align: center;float: left;border-top: 1px solid #eee;background-color: #ededed;}
.choice_btn .active {background-color: #0787d5;color: #fff;}

@media only screen and (min-width: 320px) {
    html {
        font-size: 17.1px !important;
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 19.2px !important;
    }
}
@media only screen and (min-width: 375px) {
    html {
        font-size: 20px !important;
    }
}
@media only screen and (min-width: 412px) {
    html {
        font-size: 22px !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 22.2px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important;
    }
}
@media only screen and (min-width: 640px) {
    html {
        font-size: 34.2px !important;
    }
}
[v-cloak] {
  display: none;
}

/* 登录页面 */
.login {}
.login .login_bg {position: relative;z-index: 1;}
.login .img {width: 100%;display: block;}
.login .icon {width: 13rem;position: absolute;left: 50%;margin-left: -6.5rem;top: 1.2rem;}
.login .cont {position: relative;z-index: 2;width: 100%;border-radius: .8rem .8rem 0 0;background-color: #fff;margin-top: -1.5rem;}
.login .cont .nav {padding: 1.5rem 3.5rem .5rem;display: flex;}
.login .cont .select {width: 12.25rem;margin: 0 auto;color: #333;font-size: .7rem;text-align: center;flex: 1;}
.login .cont .select img {width: 1.75rem;margin: 0 auto;padding-bottom: .25rem;}
.login .cont .select .hr {width: 100%;height: .2rem;background-color: #0787d5;margin-top: .25rem;opacity: 0;}
.login .cont .selected .hr {opacity: 1;}
.login .btn {width: 12.25rem;height: 2.5rem;background-color: #0787d5;margin: 0 auto;text-align: center;color: #fff;border-radius: .35rem;line-height: 2.5rem;
box-shadow: .1rem .1rem .5rem rgba(0,0,0,0.5);}
.login .btn i {width: .85rem;height: .85rem;background: url(../image/login.png) no-repeat;background-size: 100% 100%;margin: -.2rem 0 0 .25rem;vertical-align: middle;}
.login .login_input {width: 12.25rem;height: 2rem;border-bottom: 1px solid #7f7f7f;position: relative;padding-left: 1rem;margin: 0 auto 1.25rem;}
.login .login_input input {width: 100%;height: 1.9rem;font-size: .7rem;}
.login .login_input_icon {width: .35rem;position: absolute;left: 0.25rem;top: 0.65rem;}
.login .code {padding: .2rem .5rem;position: absolute;right: 0;top: .25rem;font-size: .6rem;color: #fff;border-radius: 4px;background-color: #0787d5;}

/* index */
.index {}
.index .search {width: 100%;position: fixed;left: 0;top: 2.2rem;z-index: 100;padding: .5rem .5rem .75rem 3.5rem;box-shadow: .1rem 0 .5rem rgba(0,0,0,0.5);background: #fff;}
.index .search .input {width: 100%;height: 2.25rem;position: relative;background-color: #eff0f4;border: 1px solid #dbdce0;border-radius: 8px;padding-left: 2rem;
padding-right: 1.5rem;}
.index .search .input form {height: 100%;}
.index .search .input input {width: 100%;height: 100%;background-color: transparent;font-size: .8rem;}
.index .search .icon {width: 1rem;position: absolute;left: .65rem;top: .55rem;}
.index .search .img {width: 2.25rem;position: absolute;left: .5rem;top: .5rem;}
.index .search .close {position: absolute;right: .5rem;top: .6rem;font-size: .7rem;}

.index .cont {width: 100%;padding: 0 .5rem;margin-top: .5rem;}
.index .cont .list {width: 100%;margin-bottom: .75rem;}
.index .cont .title {font-size: .8rem;color: #222;padding: .6rem 0;}
.index .cont .li {width: 100%;border-radius: 12px;background-color: #fff;box-shadow: 0 0 30px rgba(0,0,0,0.25);margin-bottom: .5rem;}
.index .cont .liText {text-align: center;padding: 2rem 0;font-size: .9rem;color: #666;}
.index .cont .liText .kong {width: 1.75rem;margin: 0 auto .25rem;}
.index .cont .li .liView {position: relative;margin-bottom: .5rem;padding: .6rem .75rem 0 .75rem;background-color: #fafafa;}
.index .cont .li:last-child {margin-bottom: 0;}
.index .cont .li .img {width: 4.125rem;height: 4.125rem;position: absolute;left: .6rem;top: .6rem;border-radius: 8px;}
.index .cont .li .h1 {color: #222;font-size: .8rem;line-height: 1.4;padding: .6rem .75rem .6rem .75rem;box-shadow: 1px 2px 10px -2px rgba(0,0,0,0.25);position: relative;z-index: 1;
border-top-left-radius: 12px;border-top-right-radius: 12px;}
.index .cont .li .h1 .state {padding: 0 .25rem;text-align: center;font-size: .8rem;border-radius: 4px;display: inline-block;white-space: nowrap;height: 1.2rem;margin-right: .5rem;}
.index .cont .li .h1 .state img {width: .75rem;height: .75rem;display: inline-block;margin-right: .25rem;vertical-align: middle;margin-top: -.1rem;}
.index .cont .li .h1 .state0 {border: 1px solid #65a5e5;color: #3587dc;background: #daecff;}
.index .cont .li .h1 .state1 {border: 1px solid #65a5e5;color: #3587dc;background: #daecff;}
.index .cont .li .h1 .state3 {border: 1px solid #df9b49;color: #fea32f;background: #fff2e1;}
.index .cont .li .h1 .state2 {border: 1px solid #fe6762;color: #ff2626;background: #fff2e1;}
.index .cont .li .h1 .state4 {border: 1px solid #8ab53d;color: #2d9401;background: #e4fee0;}
.index .cont .li .h2 {color: #4d4e50;font-size: .9rem;display: flex;justify-content: space-between;margin-bottom: .6rem;}
.index .cont .li .h3 {color: #4d4e50;font-size: .6rem;}
.index .cont .li .h6 {display: flex;align-items: center;justify-content: space-between;margin-bottom: .25rem;}
.index .cont .li .h6Cont {font-size: .7rem;color: #636464;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index .cont .li .h6Cont img {width: .65rem;display: inline-block;vertical-align: middle;margin: -.2rem .25rem 0;}
.index .cont .li .speedView {display: flex;align-items: center;justify-content: flex-start;height: 2.5rem;box-shadow: 1px -2px 10px -2px rgba(0,0,0,0.25);
padding: 0 0 0 .75rem;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.index .cont .speed {width: auto;display: inline-block;border-radius: 4px;overflow: hidden;margin-left: .25rem;}
.index .cont .speed .sel {float: left;font-size: .6rem;color: #ccc;line-height: 1rem;text-align: center;position: relative;margin-right: 1rem;}
.index .cont .speed .sel:nth-child(4) {margin-right: 0;}
.index .cont .speed .sel i {position: absolute;left: -.75rem;top: .5rem;}
.index .cont .speed .active {color: #3cb9eb;}
.index .cont .speed span {display: inline-block;border-radius: 50%;box-sizing: border-box;}
.index .cont .speed .circle1 {width: 1.1rem;height: 1.1rem;background-color: #e5e5e5;padding: .15rem;line-height: 1;}
.index .cont .speed .circle2 {width: 100%;height: 100%;background-color: #b7b7b7;padding: .1rem;}
.index .cont .speed .circle3 {width: 100%;height: 100%;background-color: #dfdfdf;text-align: center;font-size: .6rem;color: #fff;font-weight: bold;}
.index .cont .speed .active .circle2 {background-color: #178baa;}
.index .cont .speed .active .circle3 {background-color: #3cb9eb;}
.index .cont .handle {width: auto;height: 1rem;}
.index .cont .handle .btn {width: 3.5rem;line-height: 1rem;text-align: center;border-radius: 4px;font-size: .7rem;float: left;margin-right: .375rem;}
.index .cont .handle .btn1 {background: #daecff;border: 1px solid #2e84db;color: #2d83da;}
.index .cont .handle .btn2 {background: #fff2e1;border: 1px solid #d17301;color: #fd9f25;}
.index .cont .handle .btn3 {background: #ededed;border: 1px solid #666666;color: #666666;}
.index .cont .handle .btn4 {background: #eafeb6;border: 1px solid #5a9401;color: #8cc500;}
.index .textarea {position: relative;width: 100%;padding-top: 1rem;margin-top: .5rem;}
.index .textarea #taskTime {border: 1px solid #ccc;width: 100%;height: 1.5rem;border-radius: 4px;padding: 0 .5rem;}
.index .textarea .label {color: #444;font-size: .7rem;position: absolute;left: 0;top: 0;line-height: 1;}
.index .textarea textarea {width: 100%;height: 4rem;border-radius: 8px;background-color: #f5f5f7;font-size: .6rem;padding: .5rem;}
.footerview {width: 100%;padding: 0 .5rem;position: fixed;left: 0;bottom: 0;z-index: 100;background-color: #fff;color: #6e6e6e;display: flex;text-align: center;
height: 2.5rem;box-shadow: -.2rem 0 .8rem rgba(0,0,0,0.3);}
.footerview .nav {flex: 1;}
.footerview .nav div {line-height: 1;padding: .8rem 0 .3rem;font-size: .9rem;}
.footerview .nav .active {border-bottom: 2px solid #25a6ea;color: #25a6ea;}
/* 统计弹出层 */
.statisticsTip {width: 100vw;height: 100vh;background-color: rgba(0,0,0,.6);position: fixed;z-index: 100;left: 0;top: 0;}
.statisticsView {width: 17rem;height: auto;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.statistics {width: 100%;padding: .75rem;max-height: 28rem;background-color: #f5f5f5;border-radius: 20px;overflow-y: scroll;}
.statistics .list {width: 49%;float: left;margin-right: 2%;padding: .75rem 0 .25rem;text-align: center;box-shadow: 0 0 30px rgba(0,0,0,0.25);margin-bottom: .5rem;
border-radius: 12px;}
.statistics .list:nth-child(2n+1) {margin-right: 0;}
.statistics .list .icon {width: 3rem;margin: 0 auto;}
.statistics .list .text {font-size: .9rem;color: #333;padding-top: .5rem;}
.statistics .list .num {font-size: 1rem;color: #005bac;font-weight: bold;}
.statisticsClose {width: 2rem;position: absolute;left: 50%;margin-left: -1rem;bottom: -2.5rem;z-index: 10;}
.statisticsBtn {width: 2.2rem;height: 2.2rem;position: fixed;z-index: 99;left: .25rem;bottom: 4rem;background-color: #fff;border-radius: 50%;padding: .25rem;
box-shadow: 0 0 30px rgba(0,0,0,0.25);}
.statisticsBtn img {width: 100%;height: 100%;}

/* index详情 */
.detail {padding: 0 .5rem;}
.detail .title {font-size: 1rem;color: #454545;padding: .75rem 0;}
.detail .cont {width: 100%;padding: .5rem .5rem .5rem;background-color: #fff;border-radius: 12px;margin-bottom: .5rem;}
.detail .li {width: 100%;display: flex;justify-content: space-between;font-size: .8rem;color: #666;padding: .75rem 0;border-bottom: 1px solid #eee;}
.detail .li:last-child {border-bottom: none;}
.detail .right {color: #010101;word-break:break-all;width: 11rem;text-align: right;}
.beforeTitle {font-size: 1rem;color: #454545;padding: .75rem 0 .5rem;}
.detail .check input[type='radio'] {vertical-align: middle;margin: -.1rem .5rem 0;}
.detail textarea {width: 100%;height: 4rem;border-radius: 8px;background-color: #f5f5f7;font-size: .6rem;padding: .5rem;}
.detail .btn {width: 100%;position: fixed;bottom: 0;left: 0;padding: 0 .5rem .5rem;background-color: #F6F6F6;}
.detail .btn div {width: 100%;line-height: 2.5rem;border-radius: 8px;background-color: #016bff;color: #fff;font-size: .8rem;text-align: center;margin-top: .35rem;}
.detail .btn .reset {background-color: #fff;border: 1px solid #adadad;color: #444;}

/* 评价 */
.evaluate {padding: 0 .5rem;}
.evaluate .title {font-size: .9rem;color: #454545;padding: 1rem 0;}
.evaluate .cont {width: 100%;padding: .05rem .5rem .5rem 7rem;background-color: #fff;border-radius: 12px;position: relative;overflow: hidden;}
.evaluate .evaluateText {position: relative;width: 100%;margin-top: 1.5rem;display: flex;align-items: center;}
.evaluate .evaluateText .icon {width: 1rem;height: 1rem;position: absolute;left: -6.25rem;top: -.2rem;line-height: 1;}
.evaluate .evaluateText .label {color: #444;font-size: .7rem;position: absolute;left: -4.5rem;top: 0;line-height: 1;}
.evaluate .evaluateText .text {color: #999;font-size: .6rem;line-height: 1;margin-left: .5rem; word-break:break-all;}
.evaluate .evaluateText textarea {width: 100%;height: 4.5rem;border-radius: 12px;background-color: #f5f5f7;font-size: .7rem;padding: .5rem;}
.evaluate .level {display: inline-block;vertical-align: middle;margin-top: -0.1rem;}
.evaluate .level img {float: left;width: .7rem;height: .7rem;margin-right: .35rem;}
.evaluate .serverText {width: 100%;text-align: center;font-size: .7rem;color: #007AFF;padding-top: 1rem;}
.evaluate .btn {width: 100%;padding-bottom: .5rem;}
.evaluate .btn .btn_div {width: 100%;line-height: 2.5rem;border-radius: 8px;background-color: #0787d5;color: #fff;font-size: .8rem;text-align: center;margin-top: .35rem;}
.evaluate .btn .reset {background-color: #fff;border: 1px solid #adadad;color: #444;}
.evaluate .select {font-size: .7rem;color: #333;}
.evaluate .select input {vertical-align: middle;margin: -.1rem .5rem 0 0;}
.evaluate .close {width: .8rem;height: .8rem;position: absolute;right: .8rem;top: .75rem;}
.evaluate .close img {width: 100%;height: 100%;}
.evaluate .weui-dialog__title {}
.evaluate .weui-dialog__bd {text-align: justify;padding-bottom: 1.5rem;font-size: .8rem;}
.evaluate .evaluateList {margin-top: .5rem;box-shadow: 0 0 30px rgba(0,0,0,0.25);padding-bottom: 1.5rem;}
.evaluate .kong {text-align: center;font-size: .8rem;color: #666;margin-top: 10rem;padding: 1.5rem 0;}
.evaluate .kong img {width: 2rem;margin: 0 auto .5rem;}
.evaluate .evaluateList .evaluateText {margin-top: 1rem;}
.evaluate .evaluateList .evaluateText .text {font-size: .7rem;line-height: 1.1;margin-left: 0;}


/* 投诉 */
.complaint {padding: 0 .5rem;}
.complaint .title {font-size: .9rem;color: #454545;padding: 1rem 0;}
.complaint .cont {width: 100%;padding: 1.25rem .5rem .5rem;background-color: #fff;border-radius: 12px;position: relative;overflow: hidden;}
.complaint .complaintText {width: 100%;display: flex;justify-content: space-between;font-size: .7rem;color: #777;margin-bottom: 1.5rem;}
.complaint .complaintText .right {width: 11.5rem;text-align: right;color: #444; word-break:break-all;}
.complaint .pleaseSel {display: inline-block;border: 1px solid rgb(111,111,111);border-radius: 16px;line-height: 1;padding: .15rem .25rem;background: rgb(237,237,237);
color: rgb(154,154,154);font-size: .7rem;}
.complaint .textarea {position: relative;width: 100%;padding-left: 4rem;margin-top: .5rem;}
.complaint .textarea .label {color: #777;font-size: .8rem;position: absolute;left: 0rem;top: .05rem;line-height: 1;}
.complaint .textarea textarea {width: 100%;height: 4.5rem;border-radius: 12px;background-color: #f5f5f7;font-size: .7rem;padding: .5rem;}
.complaint .btn {width: 100%;padding-bottom: .5rem;}
.complaint .btn .btn_div {width: 100%;line-height: 2.5rem;border-radius: 8px;background-color: #0787d5;color: #fff;font-size: .8rem;text-align: center;margin-top: .35rem;}
.complaint .btn .reset {background-color: #fff;border: 1px solid #adadad;color: #444;}
/* .complaint .btn {width: 100%;position: fixed;bottom: 0;left: 0;padding: 0 .5rem .5rem;background-color: #F6F6F6;}
.complaint .btn div {width: 100%;line-height: 2.5rem;border-radius: 8px;background-color: #016bff;color: #fff;font-size: .7rem;text-align: center;margin-top: .35rem;}
.complaint .btn .reset {background-color: #fff;border: 1px solid #adadad;color: #444;} */
.complaint .select {width: 100%;}
.complaint .nav {padding: .05rem .4rem;border-radius: 16px;border: 1px solid #2d83da;color: #2e84db;background-color: #daecff;margin: 0 0 .25rem 0.5rem;float: right;
font-size: .5rem;}
.complaint .active {border-color: #2d83da;color: #2e84db;}
.complaintList {margin-top: .5rem;box-shadow: 0 0 30px rgba(0,0,0,0.3);padding-top: 1rem!important;}
.complaint .kong {text-align: center;font-size: .8rem;color: #666;padding-bottom: 1.5rem;margin-top: 10rem;}
.complaint .kong img {width: 2rem;margin: 0 auto .5rem;}
.complaint .complaintList .complaintText {margin-bottom: 1rem;font-size: .7rem;color: #444;padding-left: 1.35rem;position: relative;}
.complaint .complaintList .complaintText .right {text-align: left;color: #777;}
.complaint .complaintList .complaintText .icon {width: 1rem;height: 1rem;position: absolute;left: 0;top: 0;line-height: 1;}

.isRead {position: absolute;right: 0;top: 0;background-color: #F20D0D;color: #fff;font-size: .6rem;padding: .05rem .25rem;}
.isReadBtn {padding: .25rem 0;border: 1px solid #2d83da;color: #2e84db;background-color: #daecff;font-size: .7rem;border-radius: 8px;text-align: center;}

/* 多选样式 */
.selectView {width: 100vw;height: 100vh;background-color: rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 100;}
.selectView .ulView {width: 15rem;border-radius: 8px;background-color: #fff;position: absolute;left: 50%;top: 50%;padding-bottom: 2.5rem;transform: translate(-50%,-50%);
overflow: hidden;}
.selectView .title {padding: 1rem 0 .75rem;font-size: .9rem;color: #333;text-align: center;}
.selectView .ul {height: auto;overflow-y: scroll;padding: 0 .75rem;}
.selectView .li {display: flex;align-items: center;height: 2rem;justify-content: flex-start;font-size: .6rem;width: 50%;float: left;}
.selectView img {width: 1rem;display: block;margin-right: .5rem;}
.selectView .check {display: none;}
.selectView .active img {display: none;}
.selectView .active .check {display: block;}
.selectbtn {width: 100%;display: flex;position: absolute;left: 0;bottom: 0;border-top: 1px solid #eee;background-color: #fff;}
.selectbtn div {flex: 1;text-align: center;line-height: 2.5rem;text-align: center;font-size: .8rem;color: #999;}
.serverText {width: 100%;text-align: center;font-size: .7rem;color: #007AFF;padding-top: 1rem;}

/* 任务调整 */
.js_dialog {}
.js_dialog .ul {display: flex;}
.js_dialog .li {flex: 1;border-radius: 12px;border: 1px solid #666;color: #999;background-color: #ededed;font-size: .6rem;margin: 0 .5rem .5rem 0;line-height: 1rem;}
.js_dialog .li:nth-child(3n) {margin-right: 0;}
.js_dialog .li img {width: 1rem;display: inline-block;vertical-align: middle;margin: -.1rem .5rem 0 0;}
.js_dialog .li .ok {display: none;}
.js_dialog .active {border-color: #2d83da;color: #2e84db;background-color: #daecff;}
.js_dialog .active img {display: none;}
.js_dialog .active .ok {display: inline-block;}

